<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<style type="text/css">
	img{
		cursor:pointer;
		position:absolute;
		left:0px;
		top:0px;
	}

</style>
<body>
<!-- <img src="./picture/logo.jpg"  id='imgid'> -->
<form>
	<p>签名：</p>
	<p><input type="text" name=""></p>
	<p>签名：</p>
	<p><input type="text" name=""></p>
	<p>签名：</p>
	<p><input type="text" name="" id='verify'></p>
	<p><input type="submit" name=""></p>
</form>

</body>
<script type="text/javascript">
vobj=document.getElementById('verify');
vobj.onkeyup=function(){
	val=this.value;
	val1=val.toUpperCase();
	this.value=val1;
}






// imgobj.ondblclick=function(){
// 	imgobj.src='./picture/one.jpg';

// }
// imgobj.onmouseenter=function(){
// 	imgobj.src='./picture/one.jpg';

// }
// imgobj.onmouseleave=function(){
// 	imgobj.src='./picture/one.jpg';
// }



// imgobj=document.getElementById('imgid');
// document.onmousemove=function(event){
// 	x=event.clientX;
// 	y=event.clientY;
// 	document.title=x+'-'+y;
// 	imgobj.style.left=x+'px';
// 	imgobj.style.top=y+'px';
// }



// imgobj=document.getElementById('imgid');
// i=0;
// imgobj.onclick=function(){
// 	if(i%2==0){
// 		this.src='./picture/one.jpg';
// 	}else{
// 		this.src='./picture/two.jpg';
// 	}
// 	i++;
// }





// xs=0;
// xv=10;
// ys=0;
// yv=10;
// imgobj=document.getElementById('imgid');
// document.onkeydown=function(event){
// kc=event.keyCode;
// document.title=kc;


// 	switch(kc){
// 			case 37:
// 				xs-=xv;
// 				imgobj.style.left=xs+'px';
// 				break;
// 		case 38:
// 				ys-=yv;
// 				imgobj.style.top=ys+'px';
// 				break;
// 		case 39:
// 				xs+=xv;
// 				imgobj.style.left=xs+'px';
// 				break;
// 		case 40:
// 				ys+=yv;
// 				imgobj.style.top=ys+'px';
// 				break;
// 	}
// }

</script>
</html>